<div class="layout hasFixedFooter bgGrey" style="background: #e4e4e4;">
    <header class="titleBar">
        <a href="javascript:history.back()" class="back"><img src="images/back.png" alt=""></a>
        <div class="title">
            直播讲堂
        </div>
    </header>
    <div class="filter yxjt-filter">
        <ul>
            <li ng-class="{selected: filterStatus=='C' }" data-filterstatus='C'><span>未开始</span></li>
            <li ng-class="{selected: filterStatus=='P' }" data-filterstatus='P'><span>直播中</span></li>
            <li ng-class="{selected: filterStatus=='E' }" data-filterstatus='E'><span>看重播</span></li>
        </ul>
    </div>
    <div class="yxjt-list clearfix" infinite-scroll='expert.nextPage()' infinite-scroll-disabled='expert.busy' infinite-scroll-distance='1'>
        <section class="item" ng-repeat="item in expert.items">
            <section class="avatar" style="background: #ccc;">
                <a ng-click="toPlaying(item)" href="javascript:;">
                    <span ng-show="item.doctormobile == mobile && filterStatus != 'E'" class="owner">我主讲</span>
                    <span class="doctor">
                        <i class="play-icon"></i>
                        <span class="project-autor">主讲专家:{{item.doctorname}}</span>
                    </span>
                    <img alt="" src="{{item.directbroadcast_photo}}">
                </a>
            </section>
            <section class="desc">
                <p class="project-title">{{item.directbroadcast_name}}</p>
                <p class="project-desc">{{item.directbroadcast_desc}}</p>
                <p class="project-start-time">{{item.directbroadcast_name}} {{item.dateStart}}</p>
            </section>
        </section>


        <div ng-show='expert.busy' class="tc" style="margin-top: 50px;">Loading...</div>

        <div ng-show='expert.noRecord' class="tc" style="margin-top: 50px;">暂无数据！</div>
    </div>
    <footer class="nav">
        <ul>
            <li><a href="#/ExpertList"><img src="images/nav-1.png" alt=""><br>首页</a></li>
            <li><a href="#/OrderFromMe"><img src="images/nav-2.png" alt=""><br>咨询订单</a></li>
            <li><a href="#/YxjtList"><img src="images/nav-2.png" alt=""><br>医学讲堂</a></li>
            <li><a href="#/MemberCenter"><img src="images/nav-3.png" alt=""><br>个人主页</a></li>
        </ul>
    </footer>
</div>